<template>
  <div class="page_content daraBoardLint_content p-10">
    <div class="enteringStation hui_box">
      <div class="title bold">某某某某</div>
      <div class="card_box grid mt-10 flex-jsb">
        <div class="txt">进站车次</div>
        <div class="val">2</div>
        <div class="txt">进站车次</div>
        <div class="val">1</div>
      </div>
    </div>
    <div class="weight hui_box mt-10">
      <div class="title bold">某某某某</div>
      <div class="card_box grid mt-10 flex-jsb">
        <div class="txt">进站车次</div>
        <div class="val">2</div>
        <div class="txt">进站车次</div>
        <div class="val">1</div>
      </div>
    </div>
  </div>
</template>
  <script lang="ts" setup>
import {
  ref,
  computed,
  watch,
  onMounted,
  onBeforeUnmount,
  reactive,
  shallowRef,
} from "vue";
import { useStore } from "vuex";
import * as echarts from "echarts";
const store = useStore();

const props = defineProps<{}>();
onMounted(() => {});

onBeforeUnmount(() => {});
</script>
<style lang="scss" scoped>
.daraBoardLint_content {
    height: 210px;
  .hui_box {
    background: #f5f6f8;
    width: 100%;
    height: 88px;
    border-radius: 4px;
    padding: 6px 8px;
    color: #333333;
    .title {
    }
    .card_box {
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-gap: 14px;
      .txt {
        color: #7b7b7b;
        font-weight: 550;
      }
      .val {
        font-weight: 550;
      }
    }
  }
}
</style> 